<template>
  <div>
    <el-form-item label="真实姓名" prop="name">
      <el-input v-model="userInfo.name" placeholder="请输入真实姓名" clearable />
    </el-form-item>

    <el-form-item label="身份证号" prop="idCardNo">
      <el-input v-model="userInfo.idCardNo" placeholder="请输入身份证号" clearable />
    </el-form-item>

    <el-form-item label="护照号" prop="passportNo">
      <el-input v-model="userInfo.passportNo" placeholder="请输入护照号" clearable />
    </el-form-item>

    <el-form-item label="联系电话" prop="linkPhone">
      <el-input v-model="userInfo.linkPhone" placeholder="请输入联系电话" clearable />
    </el-form-item>

    <!-- 1：男 2：女 0：不详 -->
    <el-form-item label="性别" prop="sex">
      <!-- 智能推断为字典类型, 字典类型为 dict.sys_user_info_sex -->
      <el-select v-model="userInfo.sex" clearable placeholder="请选择1：男 2：女 0：不详" style="width: 100%">
        <el-option
          v-for="sex in dict.sex"
          :key="sex.key"
          :label="sex.value"
          :value="Number(sex.key)"
        />
      </el-select>
      <!-- <el-input v-model="userInfo.sex" placeholder="请输入1：男 2：女 0：不详" clearable /> -->
    </el-form-item>
    <!--

    <el-form-item label="省id" prop="provinceId">
      <el-input v-model="userInfo.provinceId" placeholder="请输入省id" clearable />
    </el-form-item>

    <el-form-item label="市id" prop="cityId">
      <el-input v-model="userInfo.cityId" placeholder="请输入市id" clearable />
    </el-form-item>

    <el-form-item label="县id" prop="countyId">
      <el-input v-model="userInfo.countyId" placeholder="请输入县id" clearable />
    </el-form-item>

    <el-form-item label="街道" prop="countyName">
      <el-input v-model="userInfo.countyName" placeholder="请输入地址信息" clearable />
    </el-form-item>
-->

    <el-form-item label="详细地址" prop="address">
      <el-input v-model="userInfo.address" placeholder="请输入详细地址" clearable />
    </el-form-item>

    <el-form-item label="qq号" prop="qqNo">
      <el-input v-model="userInfo.qqNo" placeholder="请输入qq号" clearable />
    </el-form-item>

    <el-form-item label="微信号" prop="weixiNo">
      <el-input v-model="userInfo.weixiNo" placeholder="请输入微信号" clearable />
    </el-form-item>

    <el-form-item label="头像" prop="avatar">
      <el-input v-model="userInfo.avatar" placeholder="请输入头像" clearable />
    </el-form-item>

    <el-form-item label="备注" prop="remark">
      <el-input v-model="userInfo.remark" placeholder="请输入备注" clearable />
    </el-form-item>
  </div>
</template>

<script>
// 用户详情 - model
export const userInfoForm = {
  id: null, // 用户关联id
  name: null, // 姓名
  idCardNo: null, // 身份证号
  passportNo: null, // 护照号
  linkPhone: null, // 联系电话
  sex: null, // 1：男 2：女 0：不详
  provinceId: null, // 省id
  cityId: null, // 市id
  countyId: null, // 县id
  countyName: null, // 县级以上名字，中间用-分割
  address: null, // 详细地址
  qqNo: null, // qq号
  weixiNo: null, // 微信号
  avatar: null, // 头像
  remark: null, // 备注
  lockVersion: 0,
  createUser: null
}
export default {
  props: {
    userInfo: {
      type: Object,
      default: () => { return userInfoForm }
    }
  },
  dicts: [
    'sex'
  ], // 字典
  data() {
    return {
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
</style>
